// 快捷flex类名
.flex {
    display: flex;
    flex-direction: row;
}

// 垂直排列
.flex-column {
    display: flex;
    flex-direction: column;
}

// 垂直水平居中
.flex-center {
    justify-content: center;
    align-items: center;
}

// 垂直居中
.items-center {
    align-items: center;
}

// 垂直居上
.items-start {
    align-items: flex-start;
}

// 垂直居下
.items-end {
    align-items: flex-end;
}

// 水平居中
.justify-center {
    justify-content: center;
}

// 水平居左
.justify-start {
    justify-content: flex-start;
}

// 水平居右
.justify-end {
    justify-content: flex-end;
}

// 无边分布
.justify-between {
    justify-content: space-between;
}

// 留边分布
.justify-around {
    justify-content: space-around;
}

// 铺满容器
.flex-1 {
    flex: 1;
}

// 拒绝压缩
.flex-shrink-0 {
    flex-shrink: 0;
}

// 怪异盒模型
.border-box {
    box-sizing: border-box;
}

// 字体加粗
.font-bold {
    font-weight: bold;
}

// 单行省略
.onespace-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

// 字体大小10
.text-10 {
    font-size: $smt-font-size-10;
}

// 字体大小11
.text-11 {
    font-size: $smt-font-size-11;
}

// 字体大小12
.text-12 {
    font-size: $smt-font-size-12;
}

// 字体大小14
.text-14 {
    font-size: $smt-font-size-14;
}

// 字体大小16
.text-16 {
    font-size: $smt-font-size-16;
}

// 字体大小18
.text-18 {
    font-size: $smt-font-size-18;
}

// 字体颜色3
.color-3 {
    color: $smt-color-3;
}

// 字体颜色6
.color-6 {
    color: $smt-color-6;
}

// 字体颜色9
.color-9 {
    color: $smt-color-9;
}

// 字体颜色f
.color-f {
    color: $smt-color-f;
}

// 字体颜色hint
.color-hint {
    color: $smt-color-hint;
}

// 字体居中
.text-center {
    text-align: center;
}